<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="icon" href="/favicon.ico" sizes="16x16 24x24 32x32 48x48 64x64" type="image/vnd.microsoft.icon">
    <link rel="stylesheet" type="text/css" href="main.css">
    <title>The 3DS Uploader</title>
    <script src="upload.js"></script>
  </head>
  <body>
    <div id="mainstrip">
      <div id="titlebar">
	<div id="logo"></div>
	<div id="uploadPanelContainer">
    	  <div id="uploadPanel" style="display: none;">
	    <form action="upload" method="post" enctype="multipart/form-data">
	      <div>Choose file to upload:</div>
	      <div class="chooser">
		<input id="filechooser" 
		       tabIndex="2"
		       type="file" name="file" multiple="multiple"
		       onchange="document.getElementById('submit').disabled=false; document.getElementById('submit').focus();"/></div>
	      <div class="buttons">
		<input id="submit" type="submit" value="Upload" 
		       disabled="disabled"/>
		<input type="button" value="Cancel" 
		       onclick="setUploadPanelVisibility(false)"/>
	      </div>
	      <div class="buttonsPost"></div>
	    </form>
	  </div>
	</div>
    	<div id="title">Uploader</div>
    	<div id="uploadButton" 
	     onclick="toggleUploadPanelVisibility()" 
	     onkeydown="if (event.keyCode == 13 /*enter*/) toggleUploadPanelVisibility()" 
	     tabIndex="1"></div>
    	<div id="titleShadow"></div>
      </div>
      <div id="pageContent">
      	${files}
      </div>
      <script>updateDates()</script>
    </div>
  </body>
</html>
